.banner img{
	width: 100%;
}

/* 选择案例 */
.choose{
	margin: 20px 10%;
	color: #808080;
	font-size: 16px;
}
.choose>div{
	border-bottom: 1px dashed #CCCCCC;
	margin-top: 20px;
	display: flex;
}
.choose>div *{
	display: inline-block;
	margin: 0;
}
.choose>div>div{
	width: 8%;
	vertical-align: top;
	padding-top: 12px;
}
.choose>div ul{
	width: 92%;
	margin-left: 10px;
	/* overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis; */
	position: relative;
}
.choose>div li{
	padding: 12px 24px;
	cursor:pointer;
}
.choose>div li.pitch{
	color: #EB9B45;
	border-bottom: 1px solid #EB9B45;
}
.choose>div .xzAll{
	background: #fff;
	position: absolute;
	right: 10%;
	width: 45px;
	height: 35px;
	text-align: center;
}
.choose>div .xzAll img{
	width: 35%;
}

/* 案例展示 */
.caseListBox{
	margin: 0 10%;
}
.caseList{
	display: flex;
	/* justify-content: space-between; */
	flex-wrap: wrap ;
}
.caseList li{
	width: 32%;
	margin-bottom: 40px;
	position: relative;
	border-radius: 4px;
	margin-right: 1.3%;
}
.caseList li:hover div{
	display: block;
}

.caseList li img{
	width: 100%;
	border-radius: 4px;
}
.caseList li a>div{
	width:100%;
	height:100%;
	position:absolute; 
	left:0; 
	bottom:0;
	background:rgba(0,0,0,0.5);
	font-size: 1vw;
	color:#fff;
	text-align: center;
	padding: 25% 0;
	border-radius: 4px;
	display: none;
}
.caseList li a>div div{
	margin: 0.5vw 0;
}
.caseList li a>div div:first-child{
	font-size: 1.1vw;
}



/* 下一页 */
/* 外面盒子样式---自己定义 */
.page_div {
	margin-top: 30px;
	color: #808080;
	text-align: center;
}

/* 页数按钮样式 */
.page_div button {
	display: inline-block;
	min-width: 30px;
	height: 28px;
	cursor: pointer;
	color: #808080;
	font-size: 13px;
	line-height: 28px;
	background-color: transparent;
	text-align: center;
	margin: 0 4px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

#firstPage,
#lastPage,
#nextPage,
#prePage {
	width: 50px;
	color: #808080;
}

#nextPage,
#prePage {
	font-size: 15px;
	width: 30px
}

.page_div .current {
	color: #EB9B45
}

/* 页面数量 */
.totalPages {
	margin: 0 10px
}

.totalPages span,
.totalSize span {
	color: #808080;
	margin: 0 5px
}



/* 联系我们 */
.journalism{
	width: 80%;
	margin: 50px 10%;
}
.journalism .PC_journalism_top .title{
	font-size: 1.3vw;
}







/* 案例展示详情 */
.particularsBox{
	margin: 10vw 10%;
	display: flex;
	justify-content: space-between;
}
.particularsBox>div{
	width: 48%;
	display: inline-block;
}
.particularsBox img{
	width: 100%;
}




/* 新闻中心 */
.journalismBox{
	margin: 4vw 10% 0;
	display: flex;
}
.journalismBox>div{
	width: 25%;
}
.journalismBox>.nav>div{
	margin-bottom: 5px;
	background: #F6F6F6;
	border-radius: 5px;
}
.journalismBox .nav .top{
	width: 100%;
	display: flex;
	padding: 2vw 0 2vw 4vw;
}
.journalismBox .nav .top>div>span{
	width: 7px;
	height: 7px;
	display: block;
	background: #292929;
	margin-bottom: 5px;
}
.journalismBox .nav .top .top_title{
	width: 100%;
	padding: 10px 10px;
	font-size: 12px;
}
.journalismBox .nav .top .top_title div{
	font-size: 16px;
}
.journalismBox .nav .cen{
	padding: 1vw 0 1vw 4vw;
}
.journalismBox .nav .cen ul{
	margin: 0;
}
.journalismBox .nav .cen ul li{
	margin: 5px 0;
	padding: 10px 0;
	cursor:pointer;
	font-size: 16px;
}
.journalismBox .nav .cen ul li span{
	margin-right: 20px;
}
.journalismBox .nav .cen ul .pitch{  
	color: #EB9B45;
}
.journalismBox .nav .btm{
	background: #fff;
}
.journalismBox .nav .btm .title{
	background: #E1E1E1;
	text-align: center;
	font-size: 16px;
	padding: 10px 0;
}
.journalismBox .nav .btm>div>div{
	padding: 8px 20px;
	font-size: 15px;
}


/* 位置导航 */
.journalismBox .journalismList{
	width: 75%;
	padding: 10px 0 0 4%;
}
.journalismList .navBox{
	background: #fff;
	color: #808080;
	padding: 0 0 10px 0;
	border-bottom: 1px dashed #CCCCCC;
	font-size: 17px;
}
.journalismList .navBox a{
	color: #808080;
}
.journalismList .navBox .navigation{
	color: #292929;
}
.journalismList .ul{
	margin-bottom: 60px;
	/* border: 1px solid red; */
}
.journalismList .ul li{
	/* display: flex; */
	color: #808080;
	margin-top: 20px;
	cursor: pointer;
}
.journalismList .ul li:hover{
	box-shadow: 0px 0px 10px #E6E6E6;
}
.journalismList .ul li:hover .title{
	color: #EB9B45;
}

.journalismList .ul li>img{
	height: 100%;
	width: 30%;
	border-radius: 10px;
	margin-right: 4%;
	vertical-align: top;
}
.journalismList .ul li>div{
	width: 65%;
	display: inline-block;
	padding: 10px 0 0 0%;
	display: inline-block;
}

.journalismList .ul li .title{
	color: #292929;
	font-size: 16px;
}
.journalismList .ul li>div>div{
	margin-bottom: 1vw;
	font-size: 16px;
}
.journalismList .ul li .content{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}


.journalismList .ul .detailsBox:hover{
	box-shadow: 0px 0px 0px #E6E6E6;
}

.journalismList .ul .detailsBox{
	width: 100%;
}
.journalismList .ul .detailsBox>div{
	width: 100%;
}

.journalismList .ul .detailsBox>.titleBox{
	border-bottom: 1px solid #ECECEC;
	width: 100%;
	padding-bottom: 20px;
}
.journalismList .ul .detailsBox>.titleBox>div{
	color: #292929;
	font-size: 20px;
}
.journalismList .ul .detailsBox .titleBox span{
	color: #7F7F7F;
	font-size: 16px;
}
/* 关于我们 */

.journalismList .synopsis{
	margin-bottom: 60px;
}
/* .journalismList .synopsis li{
	display: none;
}
.journalismList .synopsis .company{
	display: block;
} */
.journalismList .synopsis .company,.journalismList .synopsis .advantage{
	color: #808080;
	margin: 20px 0;
	border-radius: 10px;
}
.journalismList .synopsis .company p{
	line-height: 30px;
}

.journalismList .synopsis .company img,.journalismList .synopsis .advantage img{
	/* height: 100%;
	width: 80%;
	margin: 0 10%; */
}

.journalismList .synopsis .advantage p{
	text-indent: 25px;

}
.journalismList .synopsis .advantage{
	line-height: 25px;
	font-size: 12px;
}
.journalismList .synopsis .advantage div{
	margin-top: 20px;
}
.journalismList .synopsis .patent div{
	margin-top: 20px;
	color: #808080;
	font-size: 17px;
}


/* 联系我们 */
.contactBox{
	margin: 50px 10%;
	display: flex;
	font-size: 15px;
	justify-content: space-between;
}
.contactBox>div{
	padding: 20px 15px;
	width: 30%;
	display: inline-block;
	*zoom: 1;
	*display: inline;
	border-radius: 5px;
	color: #292929;
}
.contactBox>div:hover{
	color: #EB9B45;
	box-shadow: 0 0 10px #E6E6E6;
}
.contactBox>div:hover .top{
	color: #EB9B45;
	border-bottom: 1px dashed #EB9B45;
}
.contactBox>div:hover .img1{
	display: none;
}
.contactBox>div:hover .img2{
	display: block;
}
.contactBox>div>.top span{
	font-size: 16px;
	display: block;
	margin-top: 5px;
}
.contactBox>div>.top{
	width: 100%;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dashed #E1E1E1;
	display: flex;
	justify-content: space-between;
}

.contactBox>div>div>img{
	width: 25px;
	height: 25px;
	vertical-align: top;
}
.contactBox>div>div .img1{
	
}
.contactBox>div>div .img2{
	display: none;
}

.relation{
	margin: 0 10%;
	display: flex;
}
.relation .left{
	width: 30%;
}
.relation .left .h1{
	font-weight: 600;
}
.relation .left .title>div{
	font-size: 20px;
}
.relation .journalism{
	width: 100%;
	margin: 0;
}
.relation .about_decorateBox .about_body div{
	width: 100%;
	margin-top: 10px;
}
.relation .about_decorateBox .about_body input{
	width: 100%;
}
.relation .about_decorateBox textarea{
	width: 100%;
}
.relation .about_decorateBox .about_body .sendForm{
	width: 40%;
	padding: 8px 0;
}
.relation .about_decorateBox .about_body .remark .number{
	right: 0;
}

.relation .right{
	width: 70%;
	padding-top: 10%;
}


/* * 地图开始 */
.map {
	width: 80%;
	height: 450px;
	margin-left: 10%;
}

.map #container3 {
	width: 100%;
	height: 100%;
}

.map .list {
	width: 20%;
	height: 100%;
	background: #eee;
}

.list li {
	height: 34px;
	line-height: 34px;
	padding-left: 20px;
}

.map list li.active a {
	color: red;
}

.map .title {
	font-size: 16px;
	font-weight: bold;
	color: #cc5522;
}

.map .content {
	font-size: 13px;
	color: #444;
	margin-top: 6px;
}

.map .fl {
	float: left;
}

/* 地图结束 */






@media (max-width : 1200px) {
	.journalismList ul li .title{
		color: #292929;
		font-size: 16px;
	}
	.journalismList ul li>div>div{
		margin-bottom: 0.5vw;
		font-size: 14px;
	}
	.journalismList ul li .content{
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	
	/* * 地图开始 */
	.map {
		width: 80%;
		height: 400px;
		margin-left: 10%;
	}

	
}
@media (max-width : 767px) {
	/* 选择案例 */
	.choose{
		margin: 0;
		background: #F8F8F8;
		position: relative;
	}
	.choose>div{
		width: 100%;
		margin: 0;
		text-align: center;
		border: none;
		color: #333333;
	}
	.choose>div>.brand{
		width: 33.5%;
		padding: 12px 0;
		font-size: 18px;
	}
	.choose>div>div img{
		width: 12px;
		margin: 0;
		padding: 0;
		display: inline-block!important;
	}
	.choose>div>div .then{
		display: none!important;
	}
	.choose .showUl>div{
		width: 100%;
		display: none;
		background: #fff;
		padding: 0;
		position: absolute;
		top: 49px;
		left: -0%;
		
	}
	.choose>div ul{
		width: 100%;
		margin: 0;
		/* overflow: hidden; */
		/* white-space: normal; */
		/* text-overflow: normal; */
		padding-bottom: 30px;
		text-align: left;
	}
	.choose>div li{
		padding: 7px 24px;
		border: 1px solid #CCCCCC;
		background: #fff;
		margin: 20px 8px 0;
		font-size: 15px;
		color: #333333;
		border-radius: 6px;
	}
	.choose>div li.pitch{
		color: #fff;
		border: none;
		padding: 8px 25px;
		background: #EB9B45;
	}
	.choose>div .xzAll{
		background: #fff;
		position: absolute;
		right: 10%;
		width: 45px;
		height: 35px;
		text-align: center;
	}
	.choose>div .xzAll img{
		width: 35%;
	}
	.showBox{
		color: #EB9B45;
	}
	.banner img{
		width: 100%;
		position: relative;
		z-index: 100;
	}
	.choose .showSelect {
		position: relative;
		z-index: 100;
		background: #F8F8F8;
		border: none;
	}
	.choose .showUl ul{
		z-index: 100;
		background: #fff;
	}
	.choose .showUl .shade{
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.2);
		position: fixed;
		left: 0;
		bottom: 0;
		z-index: 1;
	}
	
	/* 案例展示 */
	.caseListBox{
		margin: 30px 12px;
	}
	.caseList li{
		width: 100%;
		margin-bottom: 20px;
		border-radius: 6px;
	}
	.caseList li img{
		border-radius: 6px;
	}
	.caseList li a>div{
		display: block;
		width:100%;
		height:50px;
		position:relative; 
		background: #fff;
		font-size: 15px;
		color: #808080;
		text-align: left;
		padding: 0;
		border-radius: 0px;
	}
	.caseList li a>div div{
		margin: 5px 0;
	}
	.caseList li a>div div:first-child{
		font-size: 18px;
		color: #333;
	}
	.caseList li a>div .title{
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	
	
	/* 页数按钮样式 */
	.page_div button.visible-xs-block {
		display: inline-block!important;
	}
	
	
	
	/* 下一页 */
	/* 外面盒子样式---自己定义 */
	.page_div {
		margin-top: 30px;
		color: #808080;
		text-align: center;
	}
	
	/* 页数按钮样式 */
	.page_div button {
		display: inline-block;
		min-width: 30px;
		height: 28px;
		cursor: pointer;
		color: #666;
		font-size: 13px;
		line-height: 28px;
		background-color: #f9f9f9;
		text-align: center;
		margin: 0 4px;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	
	#firstPage,
	#lastPage,
	#nextPage,
	#prePage {
		width: 50px;
		color: #808080;
	}
	
	#nextPage,
	#prePage {
		width: 70px
	}
	
	.page_div .current {
		background-color: #EB9B45;
		color: #FFF
	}
	
	/* 页面数量 */
	.totalPages {
		margin: 0 10px
	}
	
	.totalPages span,
	.totalSize span {
		color: #808080;
		margin: 0 5px
	}
	
	
	
	
	
	/* 案例展示详情 */
	.particularsBox{
		margin: 0;
		flex-direction: column;
	}
	.particularsBox>div{
		width: 100%;
	}
	.particularsBox img{
		width: 100%;
	}
	
	
	/* 新闻中心 */
	.journalismBox{
		margin: 0;
		display: flex;
		
	}
	.journalismBox .journalismList{
		width: 100%;
		padding: 0;
	}
	.journalismList .showSelect {
		background: #F8F8F8;
	}
	.journalismList .showSelect ul{
		margin: 0;
	}
	.journalismList .showSelect li{
		width: 32%;
		margin: 0;
		display: inline-block;
		text-align: center;
		padding: 15px 0;
	}
	.journalismList .showSelect li.pitch{
		color: #EB9B45;
	}
	.journalismList .ul li>div{
		padding: 0px 0 0 0%;
	}
	.journalismList .ul{
		margin-bottom: 60px;
		padding: 0 10px;
	}
	.journalismList .ul li{
		/* display: flex; */
		color: #808080;
		margin: 0;
		border-radius: 0px;
		padding: 20px 0;
		border-top: 1px solid #ECECEC;
	}
	.journalismList .ul li:first-child{
		border: none;
	}
	.journalismList .ul li>img.visible-xs-block{
		display: inline-block!important;
	}
	.journalismList .ul li.detailsBox>div{
		width: 100%;
	}
	
	/* 关于我们 */
	
	.journalismList .synopsis{
		margin: 0 10px;
	}
	.journalismList .synopsis .company,.journalismList .synopsis .advantage{
		color: #333333;
	}
	.journalismList .synopsis .company p,.journalismList .synopsis .advantage p{
		line-height: 25px;
		font-size: 13px;
	}
	
	.journalismList .synopsis .company img,.journalismList .synopsis .advantage img{
		/* height: 100%;
		width: 100%; */
		border-radius: px;
		margin: 20px 0 0;
	}
	.journalismList .synopsis .patent div{
		color: #333333;
		font-size: 13px;
	}
	
	
	/* 联系我们 */
	
	
	.relation{
		padding: 0 10px;
		margin: 0;
		display: flex;
		flex-direction: column-reverse;
	}
	.relation .left{
		width: 100%;
	}

	.relation .about_decorateBox .about_body .sendForm{
		width: 100%;
	}
	
	.relation .right{
		width: 100%;
		padding-top: 10%;
	}
	
	.relation .YD_journalism_top{
		text-align: center;
	}
	.relation .YD_journalism_top h5{
		padding: 5px 0;
		margin: 0;
		font-size: 12px;
		color: #808080;
	}
	.relation .left .YD_journalism_top{
		margin-top: 50px;
	}
	.relation .left .YD_journalism_top div{
		font-size: 18px;
	}
	.relation .YD_journalism_top div{
		font-size: 18px;
	}
	.relation .right .information{
		color: #333;
		font-size: 15px;
	}
	.relation .right .information>div{
		margin-top: 15px;
		
	}
	/* * 地图开始 */
	.map {
		width: 100%;
		height: 250px;
		margin-left: 0%;
		margin-top: 30px;
	}
	/* 地图结束 */
	
	
}
